@import url(./common.css);
html,body{
    min-width:320px;
    width: 15rem;
    margin: 0 auto;
    height: 100%;
  
  
}
ul li{
    list-style: none;
}
*{
    margin: 0;
    padding: 0;
}


// 清除浮动
.clearfix{
    content: '';
    display: block;
    clear: both;
}
.container{
    width: 15rem;
    height: 100%;
    position: relative;

    .nav-bg{
        width: 15rem;
        height: 6.867187rem;//293px
        background: url(../img/企业文化_02.png) no-repeat 0 0/100% 100%;
        margin: 0 auto;
        margin-top :-0.703125rem;
    }
    // 滑动块区域
    .slide{
       width: 15rem;
        height:1.5rem;//64px
        margin: 0 auto;
        margin-top: .375rem;
        overflow-x: scroll;
        .slide-li{
            width: 19.429687rem;//829px;
            height:1.5rem;//64px
            li{
                float: left;
                width: 4.40625rem;//188px;
                height: 1.5rem;
                margin-left: .023437rem;
                a{
                    text-decoration: none;
                    display: block;
                    width: inherit;
                    height: inherit;
                    font-size: .585937rem;//25px;
                    color:#f3f3f3;
                    background: #333333;
                    text-align: center;
                    line-height: 1.5rem;
                }
            }
            li:nth-of-type(2){
                a{
                    background-color: red;
                }
            }
        }
    }
   .content{
       width: 15rem;
       margin-top: .46875rem;
       .content-1{
           margin-top: .46875rem;
           width: 15rem;
           h1{
               text-align: center;
               font-size: .585937rem;
               margin: 0 auto;
           }
           .bg{
               width: 15rem;
               height: .9375rem;
               background: url(../img/企业文化_04.png) no-repeat 0 0/100% 100%;
               margin: .46875rem auto;
           }
           p{
               width: 13.59375rem;
               font-size: .46875rem;
               color: #666;
               margin: .46875rem auto;
               line-height: .9375rem;
               text-indent: .9375rem;
           }
       }
       .content-2{
           margin: 0 auto;
           width: 13.59375rem;
           .item{
               width: 13.59375rem;
               position: relative;
               h1{
                   margin: 0 auto;
                   font-size: .585937rem;
                   font-weight: bold;
                   text-align: left;
                   line-height: .9375rem;
               }
               h1::after{
                   width: 5.039062rem;
                   height: .023437rem;
                   content: "";
                   border-top: .023437rem solid rgb(189, 184, 184);
                   position: absolute;
                   top: 1.03125rem;
                   left: .140625rem;
                   
               }
               p{
                   width: 13.59375rem;
                   font-size: .46875rem;
                   color: #666;
                   line-height: 1.875rem;
               }
           }
       }
       .content-3{
           width: 15rem;
           .bg{
               margin: 0 auto;
               width: 13.59375rem;
               height: 11.390625rem;
               background: url(../img/企业文化_07.png) no-repeat 0 0/100% 100%;;
           }
           p{
               margin: .46875rem auto;
               font-size: .46875rem;
               font-weight: lighter;
               width: 13.59375rem;
               text-indent: .9375rem;
           }
       }
       .content-4{
           width: 13.59375rem;
           margin: 0 auto;
            margin-top: .9375rem;
           .item1{
               width: 13.59375rem;
               margin: .9375rem auto;
               img{
                   width: 13.59375rem;
                   height: 7.3125rem;

               }
               .box{
                   width: 13.59375rem;
                   position: relative;
                   margin-top: .46875rem;
                   .text{
                    //    border: .023437rem solid #666;
                    width: 7.03125rem;
                    height: .9375rem;
                    line-height: .9375rem;
                    text-align: center;
                    font-size: .46875rem;
                    color: #666;
                    margin: 0 auto;
                    border: .023437rem solid rgb(194, 184, 184);
                   }
                   .text::after,.text::before{
                       width: 20%;
                       height: .023437rem;
                       content: "";
                       border-top: .023437rem solid rgb(236, 219, 219);
                       position: absolute;
                       top: 50%;
                   }
                   .text::after{
                    right: 0;
                   }
                   .text::before{
                       left: 0;
                   }
               }
           }
       }

   }
     // 底部
     .foot{
        background-color: #f2f2f2;
        .test{
            margin: 0 auto;
            color: #b1b1b1;
        }
    }
}